﻿<%@ page  language="java" contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
   <meta charset="utf-8" />
   <title>锁屏页面</title>
   <meta content="width=device-width, initial-scale=1.0" name="viewport" />
   <meta content="" name="description" />
   <meta content="" name="author" />
   <link href="${staticUrl}/js/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
   <link href="${staticUrl}/js/libs/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
   <link href="${staticUrl}/css/font-awesome.css" rel="stylesheet" />
   <link href="${staticUrl}/css/metro/metro.css" rel="stylesheet" />
   <link href="${staticUrl}/css/metro/metro-responsive.css" rel="stylesheet" />
   <link href="${staticUrl}/css/metro/metro-default.css" rel="stylesheet" id="style_color" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="lock">
    <div class="lock-header">
        <!-- BEGIN LOGO -->
        <a class="center" id="logo" href="javascript:void(0)">
            <img class="center" alt="logo" src="${staticUrl}/img/logo.png">
        </a>
        <!-- END LOGO -->
    </div>
    <div class="lock-wrap">
        <div class="metro single-size gray">
            <img src="${staticUrl}/img/about-us/${SESSION_USER.userImg }-lock.jpg" alt="" style="height: 165px" >
        </div>
        <div class="metro double-size blue">
            <h1>${SESSION_USER.loginName }</h1>
            <p>${SESSION_USER.userName }</p>
            <input type="hidden" id="${SESSION_USER.loginName }"/>
        </div>
        <div class="metro double-size green">
            <form action="">
                <div class="input-append lock-input">
                    <input type="password" class="" placeholder="Password" id="loginPwd">
                    <button class="btn tarquoise" onclick="lock_login()" ><i class=" icon-arrow-right"></i></button>
                </div>
            </form>
        </div>
        <div class="metro single-size terques">
            <div class="locked">
                <i class="icon-lock"></i>
                <span>Locked</span>
            </div>
        </div>
        <div class="metro double-size gray ">
            <a href="${staticUrl}/login" class="user-position">
                <i class="icon-user"></i>
                <span>Login Another User</span>
            </a>
        </div>
        <div class="metro double-size orange">
            <a href="javascript:void(0);" class="user-position">
                <i class="icon-key"></i>
                <span>Forgot Password ?</span>
            </a>
        </div>
    </div>
    <script type="text/javascript">
    	function lock_login(){
	    		var password = ('#loginPwd').val();
	    		password = hex_md5(password);
	            $("#loginPwd").val(password);
    		    var jsonData = {
    	            loginName : $('#loginName').val(),
    	            loginPwd : $('#loginPwd').val()
    	        };
    	        $.ajax({
    	            async : false,
    	            cache : false,
    	            type : 'POST',
    	            url : projectUrl+"/login/check",// 请求的action路径
    	            data : jsonData,
    	            error : function() {// 请求失败处理函数
    	                $.msgbox("系统忙，请稍后再试！", {type: "error"});
    	            },
    	            success : function(data) {
    	                var d = data;
    	                if(d.success){
    	                     
    	                }else{
    	                    $.msgbox(d.msg, {type: "error"});
    	                }
    	            }
    	        });
    	}
    </script>
</body>
<!-- END BODY -->
</html>
